<template>
	<view class="page">
		<u-navbar autoBack :placeholder="true">
			<template #center>
				<u-text align="center" text="张三练习题预览" size="32rpx" color="#333"></u-text>
			</template>
		</u-navbar>
		<view class="main flex flex-col">
			<view class="flex-1">
				<image src="/static/image/img-math.png" mode="widthFix" style="width: 100%;height: 100%;"></image>
			</view>
			<view class="flex align-center justify-between">
				<u-icon name="arrow-left" size="24rpx" color="#999"></u-icon>
				<u-text align="center" text="1" size="32rpx" color="#333" bold></u-text>
				<u-icon name="arrow-right" size="24rpx" color="#999"></u-icon>
			</view>
		</view>
		<view class="footer gap">
			<view>
				<u-icon name="/static/image/teacher/icon-print.png" size="48rpx" color="#999"></u-icon>
				<u-text text="打印" size="20rpx" color="#999" bold></u-text>
			</view>
			<view class="flex-1">
				<u-button size="large" shape="circle" :color="themePrimary" text="保存" @click="save"></u-button>
			</view>
		</view>
	</view>
</template>

<script setup>
import { ref } from 'vue';
import { onLoad } from '@dcloudio/uni-app';
import { useTheme } from '@/composables/useTheme';
const { themePrimary, themeSecondary, themeTertiary } = useTheme();
const id = ref(0);
onLoad((options) => {
	id.value = options.id;
});
</script>

<style scoped lang="scss"></style>
